<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
        <style type="text/css">
            body {
                font-size: 11px;
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                color: #333333;
            }
            
            table.items a:link {
                color: #0d6dd7;
            }
            
            table.items tr.selected a:link {
                color: #72a1c3;
            }
            
            table.items thead tr, table.items tfoot tr {
                height: 18px;
            }
            
            table.items thead tr td, table.items tfoot tr td {
                width: 322px;
                border: 1px solid #8e8e8e;
                background-color: #eeec78;
                color: #051b14
            }
            
            table.items tbody tr {
                background-color: #efb464;
                height: 35px;
            }
            
            table.items tbody tr td {
                border-left: 1px solid #8e8e8e;
                border-right: 1px solid #8e8e8e;
                padding-left: 48px;
            }
            
            table.items tbody tr.selected {
                background-color: #f4d37d;
            }
            
            table.items tbody tr.selected td {
                border-top: 1px solid #e1a656;
            }
        </style>
    </head>
    <body>
        <table id="menu" cellpadding="0" cellspacing="0" class="items">
            <thead>
                <tr>
                    <td>
                        Menu
                    </td>
                </tr>
            </thead>
            <tbody id="menuitems">
                <tr var="unselected">
                    <td>
                        <strong var="title">Font Panel</strong>
                        <br/>
                        <a var="description" href="">/blog/entry/32</a>
                    </td>
                </tr>
                <tr var="selected" class="selected">
                    <td>
                        <strong var="title">Why We Hate?</strong>
                        <br/>
                        <a var="description" href="">/blog/entry/53</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Why We Hate?</strong>
                        <br/>
                        <a href="">/blog/entry/53</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Why We Hate?</strong>
                        <br/>
                        <a href="">/blog/entry/53</a>
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>
                    </td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>
